<template>
	<view class="Card">
		<view class="Card-tou">
			<text class="tou-title" >{{title}}</text>
			<navigator :url="type==='course'?'/pages/course/list/list':`/pages/teacher/teacher`" :open-type="type==='course'?'switchTab':'navigate'">
				<text class="tou-more">{{more}}</text>
			</navigator>
			
		</view>
		<slot></slot>
	</view>
</template>

<script lang="ts">
	import {defineComponent} from 'vue'
	export default defineComponent( {
		name:"vue-Card",
		
	})
</script>
s
<script setup lang="ts"> 
import {defineProps} from 'vue'
const props = defineProps(['title','more','type'])
</script>

<style lang="less">
	.Card{
		padding: 0 20upx;
		.Card-tou{
			display: flex;
			justify-content: space-between;
			background-color: #00cc99;
			height: 60upx;
			line-height: 60upx;
			
		}
	}
</style>